<template>
  <div>
    <a-radio-group
      v-model:value="modelValue"
      :options="translateOptions(currentOptions)"
    ></a-radio-group>
  </div>
</template>

<script setup lang="ts">
import { optionsList } from '@/data/system.options';
import type { SYSTEM_OPTION_TYPE } from '@/enum/system';
import { translateOptions } from '@/utils/common/common';
import type { LabeledValue } from 'ant-design-vue/es/select';
const currentOptions = ref<LabeledValue[]>([]);
const modelValue = defineModel('modelValue');

const props = defineProps<{
  option: SYSTEM_OPTION_TYPE;
}>();

optionsList.forEach(e => {
  if (e.key === props.option) {
    currentOptions.value = e.options;
  }
});
</script>

<style lang="scss" scoped></style>
